<!DOCTYPE html>
<html lang="en">
    <!--<< Header Area >>-->
    <head>
        <!-- ========== Meta Tags ========== -->
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="author" content="gramentheme">
        <meta name="description" content="洛阳恒丰冶金科技有限公司">
        <!-- ======== Page title ============ -->
        <title>洛阳恒丰冶金科技有限公司</title>
        <!--<< Favcion >>-->
        <link rel="shortcut icon" href="assets/img/favicon.svg">
        <!--<< Bootstrap min.css >>-->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <!--<< All Min Css >>-->
        <link rel="stylesheet" href="assets/css/all.min.css">
        <!--<< Animate.css >>-->
        <link rel="stylesheet" href="assets/css/animate.css">
        <!--<< Magnific Popup.css >>-->
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <!--<< MeanMenu.css >>-->
        <link rel="stylesheet" href="assets/css/meanmenu.css">
        <!--<< Swiper Bundle.css >>-->
        <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
        <!--<< Nice Select.css >>-->
        <link rel="stylesheet" href="assets/css/nice-select.css">
        <!--<< Main.css >>-->
        <link rel="stylesheet" href="assets/css/main.css">
    </head>
    <body>

        <!-- Preloader Start -->
        <div id="preloader" class="preloader">
            <div class="animation-preloader">
                <div class="spinner">                
                </div>
                <div class="txt-loading">
                    <span data-text-preloader="I" class="letters-loading">
                        I
                    </span>
                    <span data-text-preloader="N" class="letters-loading">
                        N
                    </span>
                    <span data-text-preloader="F" class="letters-loading">
                        F
                    </span>
                    <span data-text-preloader="O" class="letters-loading">
                        O
                    </span>
                    <span data-text-preloader="T" class="letters-loading">
                        T
                    </span>
                    <span data-text-preloader="E" class="letters-loading">
                        E
                    </span>
                    <span data-text-preloader="K" class="letters-loading">
                        K
                    </span>
                </div>
                <p class="text-center">Loading</p>
            </div>
            <div class="loader">
                <div class="row">
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                </div>
            </div>
        </div>

        <!--<< Mouse Cursor Start >>-->  
        <div class="mouse-cursor cursor-outer"></div>
        <div class="mouse-cursor cursor-inner"></div>
        
        <!-- Offcanvas Area Start -->
        <div class="fix-area">
            <div class="offcanvas__info">
                <div class="offcanvas__wrapper">
                    <div class="offcanvas__content">
                        <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
                            <div class="offcanvas__logo">
                                <a href="index.html">
                                    <img src="assets/img/logo/black-logo.svg" alt="logo-img">
                                </a>
                            </div>
                            <div class="offcanvas__close">
                                <button>
                                <i class="fas fa-times"></i>
                                </button>
                            </div>
                        </div>
                        <p class="text d-none d-lg-block">
                            Nullam dignissim, ante scelerisque the  is euismod fermentum odio sem semper the is erat, a feugiat leo urna eget eros. Duis Aenean a imperdiet risus.
                        </p>
                        <div class="mobile-menu fix mb-3"></div>
                        <div class="offcanvas__contact">
                            <h4>Contact Info</h4>
                            <ul>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon">
                                        <i class="fal fa-map-marker-alt"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a target="_blank" href="#">Main Street, Melbourne, Australia</a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="fal fa-envelope"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a href="mailto:info@azent.com"><span class="mailto:info@example.com">info@example.com</span></a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="fal fa-clock"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a target="_blank" href="#">Mod-friday, 09am -05pm</a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="far fa-phone"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a href="tel:+11002345909">+11002345909</a>
                                    </div>
                                </li>
                            </ul>
                            <div class="header-button mt-4">
                                <a href="contact.html" class="theme-btn text-center">
                                    <span>get A Quote<i class="fa-solid fa-arrow-right-long"></i></span>
                                </a>
                            </div>
                            <div class="social-icon d-flex align-items-center">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-youtube"></i></a>
                                <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="offcanvas__overlay"></div>

        <!-- Header Section Start -->
        <header>
            <div id="header-sticky" class="header-4">
                <div class="container">
                    <div class="mega-menu-wrapper">
                        <div class="header-main">
                            <div class="header-left">
                                <div class="logo">
                                    <a href="index.html" class="header-logo">
                                        <img src="assets/img/logo/black-logo.svg" alt="logo-img">
                                    </a>
                                </div>
                            </div>
                            <div class="header-right d-flex justify-content-end align-items-center">
                                <div class="mean__menu-wrapper">
                                    <div class="main-menu">
                                        <nav id="mobile-menu">
                                            <ul>
                                                <li class="has-dropdown active menu-thumb">
                                                    <a href="index.html">
                                                    Home 
                                                    <i class="fas fa-angle-down"></i>
                                                    </a>
                                                    <ul class="submenu has-homemenu">
                                                        <li>
                                                            <div class="homemenu-items">
                                                                <div class="homemenu">
                                                                    <div class="homemenu-thumb">
                                                                        <img src="assets/img/header/home-1.jpg" alt="img">
                                                                        <div class="demo-button">
                                                                            <a href="index.html" class="theme-btn">
                                                                                <span>Multi Page</span>
                                                                            </a>
                                                                            <a href="index-one-page.html" class="theme-btn">
                                                                                <span>One Page</span>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="homemenu-content text-center">
                                                                        <h4 class="homemenu-title">
                                                                            Home 01
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="homemenu">
                                                                    <div class="homemenu-thumb mb-15">
                                                                        <img src="assets/img/header/home-2.jpg" alt="img">
                                                                        <div class="demo-button">
                                                                            <a href="index-2.html" class="theme-btn">
                                                                                <span>Multi Page</span>
                                                                            </a>
                                                                            <a href="index-two-page.html" class="theme-btn">
                                                                                <span>One Page</span>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="homemenu-content text-center">
                                                                        <h4 class="homemenu-title">
                                                                            Home 02
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="homemenu">
                                                                    <div class="homemenu-thumb mb-15">
                                                                        <img src="assets/img/header/home-3.jpg" alt="img">
                                                                        <div class="demo-button">
                                                                            <a href="index-3.html" class="theme-btn">
                                                                                <span>Multi Page</span>
                                                                            </a>
                                                                            <a href="index-three-page.html" class="theme-btn">
                                                                                <span>One Page</span>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="homemenu-content text-center">
                                                                        <h4 class="homemenu-title">
                                                                            Home 03
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="homemenu">
                                                                    <div class="homemenu-thumb mb-15">
                                                                        <img src="assets/img/header/home-4.jpg" alt="img">
                                                                        <div class="demo-button">
                                                                            <a href="index-4.html" class="theme-btn">
                                                                                <span>Multi Page</span>
                                                                            </a>
                                                                            <a href="index-four-page.html" class="theme-btn">
                                                                                <span>One Page</span>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="homemenu-content text-center">
                                                                        <h4 class="homemenu-title">
                                                                            Home 04
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </li>
                        
                                                <li>
                                                    <a href="about.html">About</a>
                                                </li>
                                                <li>
                                                    <a href="news.html">
                                                        Services
                                                        <i class="fas fa-angle-down"></i>
                                                    </a>
                                                    <ul class="submenu">
                                                        <li><a href="service.html">Services</a></li>
                                                        <li><a href="service-carousel.html">Service Carousel</a></li>
                                                        <li><a href="service-details.html">Service Details</a></li>
                                                    </ul>
                                                </li>
                                                <li class="has-dropdown">
                                                    <a href="news.html">
                                                        Pages
                                                        <i class="fas fa-angle-down"></i>
                                                    </a>
                                                    <ul class="submenu">
                                                        <li class="has-dropdown">
                                                            <a href="project.html">
                                                                Projects
                                                            <i class="fas fa-angle-down"></i>
                                                            </a>
                                                            <ul class="submenu">
                                                                 <li><a href="project.html">Project</a></li>
                                                                <li><a href="project-carousel.html">Project Carousel</a></li>
                                                                <li><a href="project-details.html">Project Details</a></li>
                                                            </ul>
                                                        </li>
                                                        <li class="has-dropdown">
                                                            <a href="team.html">
                                                            Team
                                                            <i class="fas fa-angle-down"></i>
                                                            </a>
                                                            <ul class="submenu">
                                                                <li><a href="team.html">Our Team</a></li>
                                                                <li><a href="team-carousel.html">Team Carousel</a></li>
                                                                <li><a href="team-details.html">Team Details</a></li>
                                                            </ul>
                                                        </li>
                                                        <li><a href="pricing.html">Pricing</a></li>
                                                        <li><a href="faq.html">Faq's</a></li>
                                                        <li><a href="404.html">404 Page</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="news.html">
                                                        Blog
                                                        <i class="fas fa-angle-down"></i>
                                                    </a>
                                                    <ul class="submenu">
                                                        <li><a href="news.html">Blog Grid</a></li>
                                                        <li><a href="news-standard.html">Blog Standard</a></li>
                                                        <li><a href="news-details.html">Blog Details</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="contact.html">Contact</a>
                                                </li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                                <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
                                <div class="header-button">
                                    <a href="contact.html" class="theme-btn">
                                        <span>
                                            get A Quote
                                            <i class="fa-solid fa-arrow-right-long"></i>
                                        </span>
                                     </a>
                                </div>
                                <div class="header__hamburger d-lg-none my-auto">
                                    <div class="sidebar__toggle">
                                        <i class="fas fa-bars"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!-- Search Area Start -->
        <div class="search-wrap">
            <div class="search-inner">
                <i class="fas fa-times search-close" id="search-close"></i>
                <div class="search-cell">
                    <form method="get">
                        <div class="search-field-holder">
                            <input type="search" class="main-search-input" placeholder="Search...">
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Hero Section Start -->
        <section class="hero-section hero-4 bg-cover" style="background-image: url('assets/img/section-bg.jpg');">
            <div class="container">
                <div class="row g-4 align-items-center">
                    <div class="col-lg-6">
                        <div class="hero-content">
                            <h6 class="wow fadeInUp">Applying Data security</h6>
                            <h1 class="wow fadeInUp" data-wow-delay=".3s">Security Analytics For Big Data.</h1>
                            <p class="wow fadeInUp" data-wow-delay=".5s">
                                Consectetur adipiscing elit aenean scelerisque at augue vitae consequat quisque eget congue velit in cursus leo sed sodales est eget turpis.
                            </p>
                            <div class="hero-button">
                                <a href="about.html" class="theme-btn wow fadeInUp" data-wow-delay=".7s">
                                    Explore More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                                <span class="button-text wow fadeInUp" data-wow-delay=".9s">
                                    <a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
                                        <i class="fa-solid fa-play"></i>
                                    </a>
                                    <span class="ms-4 d-line">Watch IT Video</span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".4s">
                        <div class="hero-image">
                            <img src="assets/img/hero/hero-4.png" alt="hero-img">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Brand Section Start -->
        <div class="brand-section-2 fix section-padding">
            <div class="container">
                <div class="brand-wrapper-2">
                    <div class="swiper brand-slider-2">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="brand-img">
                                    <img src="assets/img/brand/01.png" alt="img">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="brand-img">
                                    <img src="assets/img/brand/02.png" alt="img">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="brand-img">
                                    <img src="assets/img/brand/03.png" alt="img">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="brand-img">
                                    <img src="assets/img/brand/04.png" alt="img">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="brand-img">
                                    <img src="assets/img/brand/01.png" alt="img">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Service Section Start -->
        <section class="service-section-3 section-padding pt-0">
            <div class="line-shape-2">
                <img src="assets/img/service/line-shape-2.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="section-title text-center">
                    <span class="wow fadeInUp">OUR SERVICES</span>
                    <h2 class="wow fadeInUp" data-wow-delay=".3s">We Provide the Best Quality</h2>
                </div>
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="service-box-items style-3">
                            <div class="icon">
                               <img src="assets/img/service/icon/s-icon-6.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h4>
                                    <a href="service-details.html">
                                        Data Analytics
                                    </a>
                                </h4>
                                <p>
                                    Mauris ultrices ligula eget volutpat aliquet nullam
                                </p>
                                <a href="service-details.html" class="theme-btn-2">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="service-box-items style-3 mt-70 active">
                            <div class="icon">
                               <img src="assets/img/service/icon/s-icon-7.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h4>
                                    <a href="service-details.html">
                                        Database Security
                                    </a>
                                </h4>
                                <p>
                                    Mauris ultrices ligula eget volutpat aliquet nullam
                                </p>
                                <a href="service-details.html" class="theme-btn-2">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                        <div class="service-box-items style-3">
                            <div class="icon">
                               <img src="assets/img/service/icon/s-icon-8.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h4>
                                    <a href="service-details.html">
                                        Artificial Intelligence
                                    </a>
                                </h4>
                                <p>
                                    Mauris ultrices ligula eget volutpat aliquet nullam
                                </p>
                                <a href="service-details.html" class="theme-btn-2">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".9s">
                        <div class="service-box-items style-3 mt-70">
                            <div class="icon">
                               <img src="assets/img/service/icon/s-icon-9.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h4>
                                    <a href="service-details.html">
                                        Cyber Security
                                    </a>
                                </h4>
                                <p>
                                    Mauris ultrices ligula eget volutpat aliquet nullam
                                </p>
                                <a href="service-details.html" class="theme-btn-2">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- About Section Start -->
        <section class="about-section section-padding fix bg-cover pt-0 mb-2">
            <div class="container">
                <div class="about-wrapper-2 style-2">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="about-image-2 wow fadeInUp" data-wow-delay=".4s">
                                <img src="assets/img/about/06.png" alt="about-img">
                            </div>
                        </div>
                        <div class="col-lg-6 mt-4 mt-lg-0">
                            <div class="about-content">
                                <div class="section-title">
                                    <span class="wow fadeInUp">ABOUT INFOTECK</span>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                        We Can Clients with the <br> About Solution
                                    </h2>
                                </div>
                                <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                                    It is a long established fact that a reader will be distracted the readable <br> content of a page when looking at layout the point.
                                </p>
                                <div class="icon-area wow fadeInUp" data-wow-delay=".7s">
                                    <ul class="list">
                                        <li>
                                            <i class="fa-regular fa-circle-check"></i>
                                            Branding and design Identity 
                                        </li>
                                        <li>
                                            <i class="fa-regular fa-circle-check"></i>
                                            Web site Marketing Solutions 
                                        </li>
                                        <li>
                                            <i class="fa-regular fa-circle-check"></i>
                                            Unlimited Download Data
                                        </li>
                                    </ul>
                                    <ul class="list">
                                        <li>
                                            <i class="fa-regular fa-circle-check"></i>
                                            Branding and design Identity 
                                        </li>
                                        <li>
                                            <i class="fa-regular fa-circle-check"></i>
                                            Web site Marketing Solutions 
                                        </li>
                                        <li>
                                            <i class="fa-regular fa-circle-check"></i>
                                            Unlimited Download Data
                                        </li>
                                    </ul>
                                </div>
                                <div class="about-button wow fadeInUp" data-wow-delay=".9s">
                                    <a href="about.html" class="theme-btn">
                                        Explore More
                                        <i class="fa-solid fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Project Section Start -->
        <section class="project-section fix section-padding pt-0 mt-4">
            <div class="container">
                <div class="section-title text-center">
                    <span class="wow fadeInUp"> Our Projects</span>
                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                        Latest showcase and solutions <br> to our customers
                    </h2>
                </div>
            </div>
            <div class="swiper project-slider">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="project-items style-2">
                            <div class="project-image">
                                <img src="assets/img/project/12.jpg" alt="project-img">
                                <div class="project-content">
                                    <p>Technology</p>
                                    <h4>
                                        <a href="project-details.html">Cloud Computing</a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="project-items style-2">
                            <div class="project-image">
                                <img src="assets/img/project/13.jpg" alt="project-img">
                                <div class="project-content">
                                    <p>Technology</p>
                                    <h4>
                                        <a href="project-details.html">Data Analysis</a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="project-items style-2">
                            <div class="project-image">
                                <img src="assets/img/project/14.jpg" alt="project-img">
                                <div class="project-content">
                                    <p>Solution</p>
                                    <h4>
                                        <a href="project-details.html">Backup & Recovery</a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="project-items style-2">
                            <div class="project-image">
                                <img src="assets/img/project/15.jpg" alt="project-img">
                                <div class="project-content">
                                    <p>Technology</p>
                                    <h4>
                                        <a href="project-details.html">Cyber Security</a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
       
        <!--<< Team Section Start >>-->
        <section class="team-section-4 fix section-padding pt-0">
            <div class="container">
                <div class="section-title-area">
                    <div class="section-title">
                        <span class="wow fadeInUp">Team Members</span>
                        <h2 class="wow fadeInUp" data-wow-delay=".3s">Our Dedicated Team <br> Members</h2>
                    </div>
                    <a href="team.html" class="theme-btn wow fadeInUp" data-wow-delay=".5s">
                        All Member
                        <i class="fa-solid fa-arrow-right-long"></i>
                    </a>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="team-box-items">
                            <div class="team-image">
                                <img src="assets/img/team/08.jpg" alt="team-img">
                            </div>
                            <div class="team-content">
                                <h3>
                                    <a href="team-details.html">Leslie Alexander</a>
                                </h3>
                                <p>CTO & Founder</p>
                                <div class="social-icon d-flex align-items-center">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fa-brands fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="team-box-items">
                            <div class="team-image">
                                <img src="assets/img/team/09.jpg" alt="team-img">
                            </div>
                            <div class="team-content">
                                <h3>
                                    <a href="team-details.html">Kristin Watson</a>
                                </h3>
                                <p>CTO & Founder</p>
                                <div class="social-icon d-flex align-items-center">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fa-brands fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                        <div class="team-box-items">
                            <div class="team-image">
                                <img src="assets/img/team/10.jpg" alt="team-img">
                            </div>
                            <div class="team-content">
                                <h3>
                                    <a href="team-details.html">Brooklyn Simmons</a>
                                </h3>
                                <p>CTO & Founder</p>
                                <div class="social-icon d-flex align-items-center">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fa-brands fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Testimonial Section Start >>-->
        <section class="testimonial-section-4 fix section-padding bg-cover" style="background-image: url('assets/img/section-bg.jpg');">
            <div class="container">
                <div class="testimonial-wrapper-2">
                    <div class="row">
                        <div class="col-lg-5 wow fadeInUp" data-wow-delay=".4s">
                            <div class="tesimonial-image">
                                <img src="assets/img/testimonial/04.jpg" alt="img">
                            </div>
                        </div>
                        <div class="col-lg-6 mt-4 mt-lg-0">
                            <div class="tesimonial-area">
                                <div class="section-title">
                                    <span class="wow fadeInUp" data-wow-delay=".3s">Testimonials</span>
                                    <h2 class="wow fadeInUp" data-wow-delay=".5s">
                                        We Prominent Truly Trusted <br>
                                        IT Business Solutions
                                    </h2>
                                </div>
                                <div class="swiper testimonial-slider-3">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="tesimonial-card-items">
                                                <div class="icon">
                                                    <img src="assets/img/testimonial/quote.svg" alt="img">
                                                </div>
                                                <div class="star">
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <p>
                                                    when an unknown printer took away galley of type aawer awtnd there are scrambled it to make a type many  but also the leap into 
                                                </p>
                                                <div class="client-info-items">
                                                    <div class="thumb">
                                                        <img src="assets/img/testimonial/05.jpg" alt="img">
                                                    </div>
                                                    <div class="content">
                                                        <h4>Shikhon Haque</h4>
                                                        <p>Web Designer</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="tesimonial-card-items">
                                                <div class="icon">
                                                    <img src="assets/img/testimonial/quote.svg" alt="img">
                                                </div>
                                                <div class="star">
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <p>
                                                    when an unknown printer took away galley of type aawer awtnd there are scrambled it to make a type many  but also the leap into 
                                                </p>
                                                <div class="client-info-items">
                                                    <div class="thumb">
                                                        <img src="assets/img/testimonial/06.jpg" alt="img">
                                                    </div>
                                                    <div class="content">
                                                        <h4>Esther Howard</h4>
                                                        <p>President of Sales</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="tesimonial-card-items">
                                                <div class="icon">
                                                    <img src="assets/img/testimonial/quote.svg" alt="img">
                                                </div>
                                                <div class="star">
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <p>
                                                    when an unknown printer took away galley of type aawer awtnd there are scrambled it to make a type many  but also the leap into 
                                                </p>
                                                <div class="client-info-items">
                                                    <div class="thumb">
                                                        <img src="assets/img/testimonial/07.jpg" alt="img">
                                                    </div>
                                                    <div class="content">
                                                        <h4>Brooklyn Simmons</h4>
                                                        <p>Nursing</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Achievement Section Start -->
        <section class="achievement-section-2 fix section-padding pt-0">
            <div class="container">
                <div class="achievement-wrapper">
                    <div class="section-title mb-0">
                        <span class="text-white wow fadeInUp">achievement</span>
                        <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
                            We Are Increasing <br> Business Success
                        </h2>
                    </div>
                    <div class="counter-area">
                        <div class="counter-items wow fadeInUp" data-wow-delay=".3s">
                            <div class="icon">
                                <img src="assets/img/achievement-icon/01.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h2><span class="count">6,561</span>+</h2>
                                <p>Satisfied Clients</p>
                            </div>
                        </div>
                        <div class="counter-items wow fadeInUp" data-wow-delay=".5s">
                            <div class="icon">
                                <img src="assets/img/achievement-icon/02.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h2><span class="count">600</span>+</h2>
                                <p>Finished Projects</p>
                            </div>
                        </div>
                        <div class="counter-items wow fadeInUp" data-wow-delay=".7s">
                            <div class="icon">
                                <img src="assets/img/achievement-icon/03.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h2><span class="count">250</span>+</h2>
                                <p>Skilled Experts</p>
                            </div>
                        </div>
                        <div class="counter-items wow fadeInUp" data-wow-delay=".9s">
                            <div class="icon">
                                <img src="assets/img/achievement-icon/04.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h2><span class="count">5,90</span>+</h2>
                                <p>Media Posts</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Faq Section Start >>-->
        <section class="faq-section-2 fix section-padding pt-0">
            <div class="container">
                <div class="faq-wrapper">
                    <div class="row g-4">
                        <div class="col-lg-6 wow fadeInUp" data-wow-delay=".4s">
                            <div class="faq-image">
                                <img src="assets/img/faq/faq-2.png" alt="faq-img">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="faq-content style-2">
                                <div class="section-title">
                                    <span class="wow fadeInUp">See Our Faqs</span>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                        Keep Your Business Safe & <br> Ensure High Availability
                                    </h2>
                                </div>
                                <div class="faq-accordion mt-4 mt-md-0">
                                <div class="accordion" id="accordion">
                                    <div class="accordion-item mb-3 wow fadeInUp" data-wow-delay=".3s">
                                        <h5 class="accordion-header">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" aria-expanded="true" aria-controls="faq1">
                                                How long should a business plan be?
                                            </button>
                                        </h5>
                                        <div id="faq1" class="accordion-collapse collapse" data-bs-parent="#accordion">
                                            <div class="accordion-body">
                                                There are many variations of passages Lorem Ipsum but the majority have suffered alteration in some form, by injected humor.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item mb-3 wow fadeInUp" data-wow-delay=".5s">
                                        <h5 class="accordion-header">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq2" aria-expanded="false" aria-controls="faq2">
                                                What is included in your services?
                                            </button>
                                        </h5>
                                        <div id="faq2" class="accordion-collapse show" data-bs-parent="#accordion">
                                            <div class="accordion-body">
                                                There are many variations of passages Lorem Ipsum but the majority have suffered alteration in some form, by injected humor.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item mb-3 wow fadeInUp" data-wow-delay=".7s">
                                        <h5 class="accordion-header">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3" aria-expanded="false" aria-controls="faq3">
                                                What type of company is measured?
                                            </button>
                                        </h5>
                                        <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#accordion">
                                            <div class="accordion-body">
                                                There are many variations of passages Lorem Ipsum but the majority have suffered alteration in some form, by injected humor.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- News Section Start -->
        <section class="news-section-4 fix section-padding bg-cover" style="background-image: url('assets/img/section-bg.jpg');">
            <div class="container">
                <div class="section-title text-center">
                    <span class="wow fadeInUp">Latest Blog</span>
                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                        Latest News & Articles
                    </h2>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="news-card-items style-2 style-3">
                            <div class="news-image">
                                <img src="assets/img/news/09.jpg" alt="news-img">
                                <div class="post-date">
                                    <h3>
                                        19 <br>
                                        <span>Feb</span>
                                    </h3>
                                </div>
                            </div>
                            <div class="news-content">
                                <ul>
                                    <li>
                                        <i class="fa-regular fa-user"></i>
                                        By Admin
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-tag"></i>
                                        IT Services
                                    </li>
                                </ul>
                                <h3>
                                    <a href="news-details.html">
                                        Servo project Joins the lined
                                        foundation fold Disco
                                    </a>
                                </h3>
                                <a href="news-details.html" class="theme-btn-2 mt-3">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="news-card-items style-2 style-3">
                            <div class="news-image">
                                <img src="assets/img/news/10.jpg" alt="news-img">
                                <div class="post-date">
                                    <h3>
                                        20 <br>
                                        <span>Mar</span>
                                    </h3>
                                </div>
                            </div>
                            <div class="news-content">
                                <ul>
                                    <li>
                                        <i class="fa-regular fa-user"></i>
                                        By Admin
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-tag"></i>
                                        IT Services
                                    </li>
                                </ul>
                                <h3>
                                    <a href="news-details.html">
                                        Tech Products the makes its
                                        iT Solutions
                                    </a>
                                </h3>
                                <a href="news-details.html" class="theme-btn-2 mt-3">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                        <div class="news-card-items style-2 style-3">
                            <div class="news-image">
                                <img src="assets/img/news/11.jpg" alt="news-img">
                                <div class="post-date">
                                    <h3>
                                        28 <br>
                                        <span>Feb</span>
                                    </h3>
                                </div>
                            </div>
                            <div class="news-content">
                                <ul>
                                    <li>
                                        <i class="fa-regular fa-user"></i>
                                        By Admin
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-tag"></i>
                                        IT Services
                                    </li>
                                </ul>
                                <h3>
                                    <a href="news-details.html">
                                        Simplify Streamline Succeed IT Solutions
                                    </a>
                                </h3>
                                <a href="news-details.html" class="theme-btn-2 mt-3">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Footer Section Start >>-->
        <footer class="footer-section footer-bg">
            <div class="shape-1">
                <img src="assets/img/footer-shape-1.png" alt="shape-img">
            </div>
            <div class="shape-2">
                <img src="assets/img/footer-shape-3.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="client-wrapper">
                    <div class="client-thumb wow fadeInUp" data-wow-delay=".3s">
                        <img src="assets/img/client.png" alt="img">
                        <h6><span>15k+</span>Active Customer</h6>
                    </div>
                    <a href="contact.html" class="theme-btn hover-white wow fadeInUp" data-wow-delay=".5s">
                        Get A Quote
                        <i class="fa-solid fa-arrow-right-long"></i>
                    </a>
                </div>
                <div class="footer-widgets-wrapper pb-0 pt-0">
                    <div class="footer-style-2">
                        <div class="row">
                            <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                                <div class="single-footer-widget">
                                    <div class="widget-head">
                                        <a href="index.html">
                                            <img src="assets/img/logo/white-logo.svg" alt="logo-img">
                                        </a>
                                    </div>
                                    <div class="footer-content">
                                        <p>
                                            Phasellus ultricies aliquam volutpat 
                                            ullamcorper laoreet neque, a lacinia
                                            curabitur lacinia mollis
                                        </p>
                                        <div class="social-icon d-flex align-items-center">
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                            <a href="#"><i class="fab fa-twitter"></i></a>
                                            <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                                            <a href="#"><i class="fa-brands fa-youtube"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-4 col-md-6 ps-lg-5 wow fadeInUp" data-wow-delay=".5s">
                                <div class="single-footer-widget">
                                    <div class="widget-head">
                                        <h3>Quick Links</h3>
                                    </div>
                                    <ul class="list-area">
                                        <li>
                                            <a href="about.html">
                                                <i class="fa-solid fa-chevron-right"></i>
                                                Infotech About
                                            </a>
                                        </li>
                                        <li>
                                            <a href="service.html">
                                                <i class="fa-solid fa-chevron-right"></i>
                                                Our Services
                                            </a>
                                        </li>
                                        <li>
                                            <a href="news.html">
                                                <i class="fa-solid fa-chevron-right"></i>
                                                Our Blogs
                                            </a>
                                        </li>
                                        <li>
                                            <a href="faq.html">
                                                <i class="fa-solid fa-chevron-right"></i>
                                                FAQ’S
                                            </a>
                                        </li>
                                        <li>
                                            <a href="contact.html">
                                                <i class="fa-solid fa-chevron-right"></i>
                                                Contact Us
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-4 col-md-6 ps-lg-4 wow fadeInUp" data-wow-delay=".5s">
                                <div class="single-footer-widget style-margin">
                                    <div class="widget-head">
                                        <h3>Contact Info</h3>
                                    </div>
                                    <div class="footer-content">
                                        <p>4517 Washington. mg Manchester, Kentucky 39495</p>
                                        <div class="contact-info-area-2">
                                            <div class="contact-info-item-2">
                                                <div class="icon">
                                                    <i class="fa-regular fa-clock"></i>
                                                </div>
                                                <div class="content">
                                                    <h6>Opening Hours: </h6>
                                                    <p> Mon - Sat: 10.00 AM - 4.00 PM</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="contact-info-area-2">
                                            <div class="contact-info-item-2">
                                                <div class="icon">
                                                    <i class="fas fa-phone-alt"></i>
                                                </div>
                                                <div class="content">
                                                    <h6>Phone Call: </h6>
                                                    <a href="#">208-6666-0112, 308-5555-0113</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-lg-4 col-md-6 ps-lg-5 wow fadeInUp" data-wow-delay=".7s">
                                <div class="single-footer-widget">
                                    <div class="widget-head">
                                        <h3>Download App</h3>
                                    </div>
                                   <div class="footer-content">
                                        <p>
                                            Suscipit ipsum id justo malesuada fermentum. Donec ut sem varius, congue ligula vel
                                        </p>
                                        <div class="apps-image d-flex align-items-center">
                                            <a href="#"><img src="assets/img/play-store.png" alt="store-img"></a>
                                            <a href="#"><img src="assets/img/app-store.png" alt="store-img"></a>
                                        </div>
                                   </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom style-2 style-4">
                <div class="container">
                    <div class="footer-wrapper d-flex align-items-center justify-content-between">
                        <p class="wow fadeInLeft color-2" data-wow-delay=".3s">
                            © All Copyright 2024 by <a href="Http://www.bootstrapmb.com">bootstrapMB</a>
                        </p>
                        <ul class="footer-menu wow fadeInRight" data-wow-delay=".5s">
                            <li>
                                <a href="contact.html">
                                    Terms & Condition
                                </a>
                            </li>
                            <li>
                                <a href="contact.html">
                                    Privacy Policy
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <a href="#" id="scrollUp" class="scroll-icon">
                    <i class="far fa-arrow-up"></i>
                </a>
            </div>
        </footer>

        <!--<< All JS Plugins >>-->
        <script src="assets/js/jquery-3.7.1.min.js"></script>
        <!--<< Viewport Js >>-->
        <script src="assets/js/viewport.jquery.js"></script>
        <!--<< Bootstrap Js >>-->
        <script src="assets/js/bootstrap.bundle.min.js"></script>
        <!--<< Nice Select Js >>-->
        <script src="assets/js/jquery.nice-select.min.js"></script>
        <!--<< Waypoints Js >>-->
        <script src="assets/js/jquery.waypoints.js"></script>
        <!--<< Counterup Js >>-->
        <script src="assets/js/jquery.counterup.min.js"></script>
        <!--<< Swiper Slider Js >>-->
        <script src="assets/js/swiper-bundle.min.js"></script>
        <!--<< MeanMenu Js >>-->
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <!--<< Magnific Popup Js >>-->
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <!--<< Wow Animation Js >>-->
        <script src="assets/js/wow.min.js"></script>
        <!--<< Main.js >>-->
        <script src="assets/js/main.js"></script>
    </body>
</html>